@charset "utf-8";
@import "reset";
@import "common";

footer{
    background-color: #3b3b3b;
    padding-top: 36px;
    padding-bottom: 38px;
    .left{
        p:first-of-type{
            
            
            a{
                font-size: 14px;
                color: #a1a3ab;
                line-height: 14px;
                
            }
        }
        p:nth-of-type(2){
            font-size: 12px;
            color: #a1a3ab;
            margin-top: 15px;
            line-height: 12px;
        }
    }
    .right{
        .contact{
            width: 38px;
            height: 38px;
            border-radius: 50%;
            background-color: #d8d8e0;
            font-size: 28px;
            line-height: 38px;
            text-align: center;
            color: #4c4c52;
            position: relative;
            &:hover img{
                display: block;
            }
            img{
                display: none;
                position: absolute;
                top: -145px;
                left: -48px;
                width: 142px;
                height: 150px;
                
            }
        }
        @media(max-width:$pad){
            .contact{
                display: none;
            }
        }
    }
}
